<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>唻设计</title>
    <link rel="stylesheet" href="css/lipe.css"/>

    <style>
        li img {
            width: 100%;
        }

        .unslider-nav {
            display: none;
        }
    </style>


</head>
<body>
<%@ include file="/header.jsp" %>
<div id="content">

    <div>
        <div class="slide-lg-box">
            <ul class="slide-lg-m">
                <li><img src="images/temp/6.jpg" alt=""></li>
                <li><img src="images/temp/7.png" alt=""></li>
                <li><img src="images/temp/3.jpg" alt=""></li>
                <li><img src="images/temp/5.jpg" alt=""></li>
            </ul>
        </div>
    </div>


    <section class="container-fuld footer">
        <div class="container">
            <div style="margin-left: auto;
      margin-right: auto;width: 300px; margin-bottom: 10px;" onclick="downloadApp()"><img src="images/temp/downloadbtn.png" alt=""></div>
        </div>
    </section>


</div>
<%--<%@ include file="/footer.jsp" %>--%>
<script type="text/javascript" src="${ctx}/js/jquery_slide/js/unslider-min.js"></script>
<link rel="stylesheet" href="${ctx}/js/jquery_slide/css/unslider-dots.css"/>
<link rel="stylesheet" href="${ctx}/js/jquery_slide/css/unslider.css"/>

<script>
    $(function () {
        $('.slide-lg-box').unslider({
            animation: 'fade',
            autoplay: true,
            arrows: false,
            delay: 5000
        });
    });
    function downloadApp(){
        window.location.href ="http://download.lipe-home.com/AutoUpdate/setup.exe";
    }
</script>

</body>
</html>